<template>
  <input v-model="number" type="number" class="input van-hairline--top" />
  <nut-button @click="addNumber" class="hairline--top">Add new number</nut-button>
  <button @click="addNumber">1212</button>
</template>

<script lang="ts" setup>
import { ref } from 'vue'
import { useCounter } from '@/stores'
const count = useCounter()
// eslint-disable-next-line @typescript-eslint/no-explicit-any
const number: any = ref<number>(2)
const addNumber = () => {
  // eslint-disable-next-line @typescript-eslint/no-explicit-any
  count.add(number.value)
}
</script>

<style>
.input {
  margin: 10px;
}
</style>
